<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">安全操作规程告知书</h3>

			<div class="text-indent">1、压路机司机必须经过专门训练，了解机械构造、性能，熟悉操作方法和保养规程，并经考试合格后方准独立操作。</div>
			<div class="text-indent">2、驾驶压路机时要始终注意观察机器的运行情况，发现问题应立即停车检修。</div>
			<div class="text-indent">3、发动机运行期间，人不要站在前后轮上，也不要靠近铰接架。</div>
			<div class="text-indent">4、压路机工作时不得放弃操纵，禁止机车运行时驾驶员离开机器。</div>
			<div class="text-indent">5、压路机停放在斜坡上，必须用三角木块塞住前后轮。</div>
			<div class="text-indent">6、压路机停放在路旁时，应确认不会引起交通事故，在夜间应置信号灯。</div>
			<div class="text-indent">7、压路机在行驶过程中，司机要始终手握方向盘，脚置于应急制动踏板上，眼睛要不时地注视着前后、左右、上下。</div>
			<div class="text-indent">8、压路机行进在坡道上时（无论上坡还是下坡）不要换档，必须换档时应先进行制动。如遇途中发动机熄火，应立即刹车，并拉紧手制动，再次发动之前应将前后轮用木块塞住。 </div>
			<div class="text-indent">9、压路机下坡行驶应缓慢，不得滑行或溜车，必要时可间断使用制动器降低行驶速度。机械传动压路机也可用关小油门的方法降速。 </div>
			<div class="text-indent">10、压路机通过桥梁或隧道时，应事先确认其承载能力与通行空间，必要时应卸掉机上的所有配重物。 </div>
			<div class="text-indent">11、压路机不许在斜坡上横向运行或停留。</div>
			<div class="text-indent">12、压路机转向行驶应慢速，不得急转弯，并及时打开转向指示灯，注意观察。急转弯危险。</div>
			<div class="text-indent">13、机械传动压路机制动时可配合使用制动器与主离合器，禁止用突然换向的方法制动压路机。 </div>
			<div class="text-indent">14、在紧急状态下应迅速闭合应急制动器，并同时将换向操纵杆拉到中位，双手握紧方向盘，以此作为支撑应付紧急刹车。非紧急状态不要使用应急制动器。</div>
			<div class="text-indent">15、振动压路机运行时，发动机应满速运转，不允许用怠速的方法改变行驶速度。</div>
			<div class="text-indent">16、压路机运行时不许带人，行车时不允许有人上下车，并禁止无关人员在附近停留，特别是人不得在靠近铰接转向处。</div>
			<div class="text-indent">17、压路机工作完毕，驾驶员离机前应使机车处于制动状态，换向操纵杆处于中位，关掉振动开关，停熄发动机。</div>
			<div class="text-indent">18、压路机未停稳时，人员不得上下车。上下车要正确的使用拉手和踏板，不要从车上直接跳下来。</div>
			<div class="text-indent">19、压路机应停放在宽阔平坦的地面上。不得不停放在坡道上时，应用三角木块塞住前后轮。否则，因油液泄漏使机器移动及压轮滑动，会发生危险。</div>





			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>